<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<head>
  <meta charset="UTF-8">
  <title>axios</title>
</head>
<body>
<input type="button" value="get请求" class="get">
<input type="button" value="post请求" class="post">
<script>
  // 通过浏览器控制台查看信息
  /**
   * 接口1：随机笑话
   * 请求地址：https://autumnfish.cn/api/joke/list
   * 请求方法：get
   * 请求参数：num(笑话条数)
   * 响应内容：随机笑话
   */
  document.querySelector(".get").onclick = function () {
    axios.get("https://autumnfish.cn/api/joke/list?num=6")
    .then(function (response){
      console.log(response);
    },function (err) {
      console.log(err);
    })
  }
  /**
   * 接口2：用户注册
   * 请求地址：https://autumnfish.cn/api/user/reg
   * 请求方法：post
   * 响应内容：注册信息
   */
  document.querySelector(".post").onclick = function () {
    axios.post("https://autumnfish.cn/api/user/reg",{username:"盐焗奥利给"})
    .then(function (response) {
      console.log(response);
    },function (err) {
      console.log(err);
    })
  }
</script>
</body>
</html>
